<template>
  <el-container>
    <el-main v-loading="loading">
      <el-table :data="userCheckList">
        <el-table-column prop="id" label="人员ID" />
        <el-table-column prop="userName" label="姓名" />
        <el-table-column prop="address" label="地区" />
        <el-table-column prop="mobile" label="手机号码" />
        <el-table-column prop="stateValue" label="状态" />
        <el-table-column prop="createTimeValue" label="提交审核时间" />
        <el-table-column label="操作" >
          <template slot-scope="scope">
            <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
          </template>
        </el-table-column>
      </el-table>

    </el-main>
  </el-container>
</template>
<script>
export default {
  name: "userCheckTable",
  props:['data', 'loading'],
  data() {
    return {
      userCheckList: [],
      dialogVisible: false,
      id:''
    };
  },
  methods: {
    handleClick(params) {
      this.id = params.id;
      this.$router.push(`addUserCheck?type=edit&id=${this.id}`);
    },
  },
  watch:{
    data(newValue){
      this.userCheckList = newValue;
    }
  }
};
</script>
<style lang="less" scoped>
</style>